/* libraries and resets */
/* line 1, ../sass/base/_reset.scss */
html, body {
  padding: 0px;
  margin: 0px;
}

/* line 6, ../sass/base/_reset.scss */
ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/** Basic styles */
/* line 1, ../sass/layouts/_singola_pagina_layout.scss */
html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

/* line 7, ../sass/layouts/_singola_pagina_layout.scss */
.viewport {
  width: 100%;
  height: 100%;
  display: block;
}

/** sezione font custom **/
@font-face {
  font-family: 'tassebold';
  src: url("../fonts/tasse-bold-59731-webfont.eot");
  src: url("../fonts/tasse-bold-59731-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tasse-bold-59731-webfont.woff") format("woff"), url("../fonts/tasse-bold-59731-webfont.ttf") format("truetype"), url("../fonts/tasse-bold-59731-webfont.svg#tassebold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/** Sezione animazioni CSS 3 **/
@-webkit-keyframes backgroundAnimation {
  /* line 30, ../sass/modules/_prima_pagina.scss */
  from {
    background-position: 100vw 0vw;
  }

  /* line 31, ../sass/modules/_prima_pagina.scss */
  to {
    background-position: 0px 0px;
  }
}

@-webkit-keyframes menuAnimation {
  /* line 35, ../sass/modules/_prima_pagina.scss */
  0% {
    color: #404040;
  }

  /* line 36, ../sass/modules/_prima_pagina.scss */
  50% {
    color: #00a8ad;
  }

  /* line 37, ../sass/modules/_prima_pagina.scss */
  100% {
    color: white;
  }
}

@-webkit-keyframes virgolaAnimation {
  /* line 41, ../sass/modules/_prima_pagina.scss */
  from {
    margin-top: -100vw;
    -webkit-transform: rotate(180deg);
  }

  /* line 45, ../sass/modules/_prima_pagina.scss */
  to {
    margin-top: auto;
    -webkit-transform: rotate(0deg);
  }
}

/** Sezione stile prima pagina **/
/* line 52, ../sass/modules/_prima_pagina.scss */
.prima_pagina {
  font-family: tassebold;
  font-size: 1.2em;
  background-image: url("../images/vele.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #e3e3e0;
  /*-webkit-animation: backgroundAnimation $durata_animazione_bkg;*/
}
/* line 62, ../sass/modules/_prima_pagina.scss */
.prima_pagina header {
  position: absolute;
  width: 100%;
}
/* line 66, ../sass/modules/_prima_pagina.scss */
.prima_pagina header > img {
  width: 25%;
  min-width: 250px;
  float: left;
}
/* line 3, ../sass/base/_mixins.scss */
.prima_pagina header > ul li {
  display: inline;
  margin-left: 0px;
  margin-right: 3px;
}
/* line 73, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .menu {
  font-size: 1.4em;
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 10px;
  color: white;
  /*-webkit-animation:menuAnimation $durata_animazione_bkg;*/
}
@media only screen and (max-width: 1300px) {
  /* line 81, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(6) {
    display: none;
  }
  /* line 84, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 91, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(4) {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  /* line 91, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  /* line 91, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  /* line 91, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .menu li:nth-child(1) {
    display: none;
  }
}
/* line 98, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .dropDownMenu {
  font-size: 1.4em;
  font-weight: bold;
  color: white;
  float: right;
  display: none;
}
/* line 103, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .dropDownMenu > img {
  margin-bottom: 0px;
}
/* line 107, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .dropDownMenu > ul {
  border: 1px solid #909090;
  background-color: #303030;
  display: none;
  position: relative;
}
/* line 113, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .dropDownMenu > ul li {
  margin-top: 3px;
}
@media only screen and (max-width: 1300px) {
  /* line 118, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li {
    display: none;
  }
  /* line 121, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(6) {
    display: list-item;
  }
  /* line 124, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(5) {
    display: list-item;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 130, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(4) {
    display: list-item;
  }
}
@media only screen and (max-width: 900px) {
  /* line 130, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(3) {
    display: list-item;
  }
}
@media only screen and (max-width: 800px) {
  /* line 130, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(2) {
    display: list-item;
  }
}
@media only screen and (max-width: 700px) {
  /* line 130, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu > ul li:nth-child(1) {
    display: list-item;
  }
}
@media only screen and (max-width: 1300px) {
  /* line 98, ../sass/modules/_prima_pagina.scss */
  .prima_pagina header .dropDownMenu {
    display: block;
  }
}
/* line 142, ../sass/modules/_prima_pagina.scss */
.prima_pagina header .dropDownMenu:hover ul {
  display: list-item;
}
/* line 147, ../sass/modules/_prima_pagina.scss */
.prima_pagina section {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 152, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #table {
  display: table;
  height: 100%;
  width: 100%;
}
/* line 158, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #cell {
  display: table-cell;
  vertical-align: middle;
}
/* line 163, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #virgola {
  width: 20%;
  min-width: 160px;
  margin: 0 auto;
  position: relative;
  /*-webkit-animation: virgolaAnimation $durata_animazione_bkg;*/
}
/* line 170, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #virgola img {
  width: 100%;
}
/* line 174, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #virgola span {
  position: absolute;
  text-align: center;
}
/* line 179, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #virgola span.virgola_titolo {
  top: 10%;
  left: 18%;
  color: white;
  font-size: 3.6vw;
}
/* line 185, ../sass/modules/_prima_pagina.scss */
.prima_pagina section #virgola span.virgola_contenuto {
  top: 32%;
  left: 23%;
  color: white;
  font-size: 2.0vw;
}
@media only screen and (max-width: 800px) {
  /* line 192, ../sass/modules/_prima_pagina.scss */
  .prima_pagina section #virgola span.virgola_titolo {
    font-size: 28.8px;
  }
  /* line 195, ../sass/modules/_prima_pagina.scss */
  .prima_pagina section #virgola span.virgola_contenuto {
    font-size: 16px;
  }
}
